<ul ngbNav  class="nav-tabs">
  <li [ngbNavItem]="i" *ngFor="let c of cl; let i=index" (click)="onNavChange(c.newscateid)">
    <a ngbNavLink>{{c.name}}</a>
  </li>
</ul>

<ul  class="list-group">
<li class="list-group-item" *ngFor="let n of nl" (click)="goToNewsDetail(n.newsid)">

  <img width="100px" height="100px" class="img-thumbnail" *ngIf="n.coverpic!=null" src="{{config.IMG_HOST}} {{n.coverpic}}"/>
  {{n.title}}
  <span class="badge badge-secondary float-right">{{n.pbdate |date:'yyyy-MM-dd HH:mm'}}</span>
</li>
</ul>

<ngb-pagination
  [(page)]="page"
  [pageSize]="pagesize"
  [collectionSize]="total" (pageChange)="onPageChange($event)" [boundaryLinks]="true"></ngb-pagination>
